<template>
    <h1>&nbsp;&nbsp;&nbsp; 新版前端框架，采用全新的技术栈架构，方便开发运行</h1>
    <a href="https://cn.vuejs.org/" class="link" target="_blank">
        <img src="./vue.svg" alt="">
        <br>
        <span>vue3</span>
    </a>
    <a href="https://router.vuejs.org/zh/" class="link" target="_blank">
        <img src="./vue.svg" alt="">
        <br>
        <span>vue-router v4.x</span>
    </a>

    <a href="https://vitejs.cn/" class="link" target="_blank">
        <img src="./vite.svg" alt="">
        <br>
        <span>vite</span>
    </a>
    <a href="https://www.axios-http.cn/" class="link" target="_blank">
        <img src="./axios_logo.png" style="width: 120px;" alt="">
        <br>
        <span>axios</span>
    </a>
    <a href="https://pinia.web3doc.top/" class="link" target="_blank">
        <img src="./pinia_logo.svg" alt="">
        <br>
        <span>pinia</span>
    </a>
    <a href="https://antdv.com/docs/vue/introduce-cn" class="link" target="_blank">
        <img src="./ant-design-vue.svg" alt="">
        <br>
        <span>ant-design-vue</span>
    </a>
    <a href="https://less.bootcss.com/" class="link" target="_blank">
        <img src="./less_logo.png" style="width: 90px;" alt="">
        <br>
        <span>less</span>
    </a>
    <a href="https://dayjs.fenxianglu.cn/" class="link" target="_blank">
        <img src="./dayjs_logo.png" style="width: 70px;" alt="">
        <br>
        <span>dayjs</span>
    </a>
    <a href="https://cesium.com/platform/cesiumjs/" class="link" target="_blank">
        <img src="./cesiumjs_white.svg" style="width: 150px;" alt="">
        <br>
        <span>cesiumjs</span>
    </a>
    <a href="http://192.168.3.106:88/SimpleMap/index.html" class="link" target="_blank">
        <img src="./SimpleMap.png" style="width: 150px;" alt="">
        <br>
        <span>SimpleMap</span>
    </a>
    <a href="https://animejs.com/" class="link" target="_blank">
        <img src="./anime-mini-logo.svg" style="width: 100px;" alt="">
        <br>
        <span>anime</span>
    </a>

    <!-- <h1>&nbsp;&nbsp;&nbsp; 注意事项</h1> -->




</template>
<script setup>

</script>
<style lang="less" scoped>
.link {
    display: inline-block;
    padding: 20px;
    width: 180px;
    text-align: center;

    img {
        width: 50px;
    }

    span {
        font-size: 18px;
        font-weight: bold;
    }
}
</style>